<template>
	<view>
		<view class="register">
			正在注册
		</view>
		<view class="authCode">
			验证码发送至{{phone}}
		</view>
		<u-message-input class="header" mode="bottomLine" value="" :dot-fill="true" :focus="true"
			@finish="finish"></u-message-input>
		<view class="send">
			重新发送
		</view>
	</view>
</template>

<script>
	import {
		judgeAuthCode
	} from '../../API/loginAndRegister.js'
	export default {
		data() {
			return {
				phone: '',
				inputValue: ''
			}
		},
		onShow() {
			this.phone = localStorage.getItem('phone');
			// console.log(7891);
		},
		methods: {


			finish(e) {
				console.log('输入结束，当前值为：' + e);
				this.inputValue = e;
				// console.log(this.inputValue);
				judgeAuthCode({
					phone: this.phone,
					authcode: this.inputValue
				}).then(res => {
					if (res.data.code === 200) {
						// 验证码正确，可以执行后续操作
						console.log('验证码正确');
						
						uni.navigateTo({
							url: '/pages/register/register' // 你的 register 页面路径
						});
					} else {
						// 验证码错误，提示用户或执行其他操作
						// console.log('验证码错误');
						console.log(res.data.msg);
						// 在这里处理验证失败的逻辑，例如显示错误提示信息
					}
				}).catch(error => {
					// 处理错误，例如网络请求失败等
					console.error('Error:', error);
				});

			},
		}
	}
</script>
<style scoped>
	.register {
		font-size: 50 rpx;
		font-weight: 600;
		margin: 60rpx 0 0 30rpx;
	}

	.authCode {
		margin: 40rpx 0 0 30rpx;
	}

	.send {
		margin: 40rpx 0 0 30rpx;
	}
</style>